<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>加入会议</title>
    <link rel="stylesheet" href="../css/join-meeting.css">
    <link rel="stylesheet" href="assets/iconfont.css">
    <script src="../JavaScript/join-meeting.js"></script>
</head>
<body>
<div class="container">
    <main class="main">
        <!--顶部信息部分-->
        <div class="join-top">
            <div class="cancel" onclick="location.href='home.html'">取消</div>
            <div class="title">加入会议</div>
            <div> </div>
        </div>
        <!--会议号部分-->
        <div class="number">
            <span>会议号</span>
            <div class="number-text">请输入会议号</div>
            <i class="i material-symbols:keyboard-arrow-down" id="showButton"></i>
        </div>
        <!--历史会议部分-->
        <div class="previous-meeting" id="detailedBox">
            <li>
                <span>软件工程专业选课培训会</span>
                <span>222 717 142</span>
            </li>
            <li>
                <span>朱珏预订的会议</span>
                <span>810 215 291</span>
            </li>
            <li>
                <span>软件工程选课培训</span>
                <span>676 962 109</span>
            </li>
            <li>
                <span>朱敏预订的会议</span>
                <span>668 494 971</span>
            </li>
            <div class="pre-cancel">清空记录</div>
        </div>
        <!--名称部分-->
        <div class="name">
            <span>您的名称</span>
            <div class="name-text">请输入您的名称</div>
        </div>
        <!--选择部分-->
        <div class="join-choose">
            <div class="join-choose-item">
                <span>开启麦克风</span>
                <img src="assets/img/onButton.jpg"/>
            </div>
            <div class="join-choose-item">
                <span>开启扬声器</span>
                <img src="assets/img/onButton.jpg"/>
            </div>
            <div class="join-choose-item">
                <span>开启视频</span>
                <img src="assets/img/downButton.jpg"/>
            </div>
        </div>
    </main>
    <!--底部固定大小部分 -->
    <footer class="footer">
        <div class="join-foot">
            <span>加入会议</span>
        </div>
    </footer>
</div>
</body>
</html>